
<div class="space-custom"></div>
<!-- breadcrumb start -->
<!-- 帐篷，睡袋，登山拐杖，登山包，户外炊具，露营配件，骑行装备-->
<div class="breadcrumb-area">
    <div class="container">
        <div class="row">
            <ol class="breadcrumb">
                <li><a href="{:url('/index/index/index')}"><i class="fa fa-home"></i></a></li>
                <li><a href="{:url('/index/product/index')}">library</a></li>
                <li class="active">tents</li>
            </ol>
        </div>

    </div>
</div>
<!-- breadcrumb end -->

<!--    <div class="container new_w">-->
<!--        <div class="row">-->
<!--            <select name="cat_name" id="">-->
<!--                <option value="0">Tents</option>-->
<!--                <option value="0">Tents2</option>-->
<!--                <option value="0">Tents3</option>-->
<!--                <option value="0">Tents4</option>-->
<!--            </select>-->
<!--        </div>-->
<!--    </div>-->

<!-- shop-area start -->
<div class="shop-area">
    <div class="container">
        <div class="row">
            <div class="col-md-3 col-sm-4">
                <div class="column">
                    <h2 class="title-block">Catalog</h2>

                    <div class="sidebar-widget">
                        <h3 class="sidebar-title">Color</h3>
                        <ul class="sidebar-menu">
                            <li><a href=""> 帐篷  <span>(2)</span></a></li>
                            <li><a href=""> 睡袋 <span>(4)</span></a></li>
                            <li><a href=""> 登山拐杖  <span>(4)</span></a></li>
                            <li><a href=""> 登山包   <span>(6)</span></a></li>
                            <li><a href=""> 户外炊具  <span>(4)</span></a></li>
                            <li><a href=""> 露营配件  <span>(1)</span></a></li>
                            <li><a href=""> 骑行装备  <span>(5)</span></a></li>
                        </ul>
                    </div>

                </div>
            </div>
            <div class="col-md-9 col-sm-8">
                <h2 class="page-heading mt-40">

                    <span class="cat-name">Tents</span>
                    <span class="heading-counter">There are 13 products.</span>
                </h2>
                <div class="shop-page-bar">
                    <div>
                        <div class="shop-bar">
                            <!-- Nav tabs -->
                            <ul class="shop-tab f-left" role="tablist">
                                <li role="presentation" class="active"><a href="#home" data-toggle="tab"><i class="fa fa-th-large" aria-hidden="true"></i></a></li>
                                <li role="presentation"><a href="#profile" data-toggle="tab"><i class="fa fa-th-list" aria-hidden="true"></i></a></li>
                            </ul>
                            <div class="selector-field f-left ml-20 hidden-xs">
                                <form action="#">
                                    <label>Sort by</label>
                                    <select name="select">
                                        <option value="">----</option>
                                        <option value="">Price: Lowest first</option>
                                        <option value="">Price: Highest first</option>
                                        <option value="">Product Name: A to Z</option>
                                        <option value="">Product Name: Z to A</option>
                                        <option value="">In stock</option>
                                        <option value="">Reference: Lowest first</option>
                                        <option value="">Reference: Highest first</option>
                                    </select>
                                </form>
                            </div>
                            <div class="selector-field f-left ml-30 hidden-xs">
                                <form action="#">
                                    <label>Show</label>
                                    <select name="select">
                                        <option value="">12</option>
                                        <option value="">13</option>
                                        <option value="">14</option>
                                    </select>
                                </form>
                            </div>
                            <div class="selector-field f-right ml-30">
                                <form action="#">
                                    <button class="compare">Compare (1)</button>
                                </form>
                            </div>
                        </div>
                        <!-- Tab panes -->
                        <div class="tab-content">
                            <div role="tabpanel" class="tab-pane active" id="home">
                                <div class="row">
                                    <div class="col-md-4 col-sm-6">
                                        <div class="product-wrapper mb-40">
                                            <div class="product-img">
                                                <a href=""><img src="" alt="" /></a>
                                                <span class="new-label">New</span>
                                                <div class="product-action">
                                                    <a href=""><i class="pe-7s-cart"></i></a>
                                                    <a href=""><i class="pe-7s-like"></i></a>
                                                    <a href=""><i class="pe-7s-folder"></i></a>
                                                    <a href="" data-toggle="modal" data-target="#productModal"><i class="pe-7s-look"></i></a>
                                                </div>
                                            </div>
                                            <div class="product-content">
                                                <div class="pro-title">
                                                    <h3><a href="">Cras Neque Metus</a></h3>
                                                </div>
                                                <div class="price-reviews">
                                                    <div class="price-box">
                                                        <span class="price product-price">$262.00</span>
                                                        <span class="old-price product-price">$262.00</span>
                                                    </div>
                                                    <div class="pro-rating">
                                                        <a href=""><i class="fa fa-star-o"></i></a>
                                                        <a href=""><i class="fa fa-star-o"></i></a>
                                                        <a href=""><i class="fa fa-star-o"></i></a>
                                                        <a href=""><i class="fa fa-star-o"></i></a>
                                                        <a href=""><i class="fa fa-star-o"></i></a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-4 col-sm-6">
                                        <div class="product-wrapper mb-40">
                                            <div class="product-img">
                                                <a href=""><img src="" alt="" /></a>
                                                <span class="new-label">New</span>
                                                <div class="product-action">
                                                    <a href=""><i class="pe-7s-cart"></i></a>
                                                    <a href=""><i class="pe-7s-like"></i></a>
                                                    <a href=""><i class="pe-7s-folder"></i></a>
                                                    <a href="" data-toggle="modal" data-target="#productModal"><i class="pe-7s-look"></i></a>
                                                </div>
                                            </div>
                                            <div class="product-content">
                                                <div class="pro-title">
                                                    <h3><a href="">Cras Neque Metus</a></h3>
                                                </div>
                                                <div class="price-reviews">
                                                    <div class="price-box">
                                                        <span class="price product-price">$262.00</span>
                                                        <span class="old-price product-price">$262.00</span>
                                                    </div>
                                                    <div class="pro-rating">
                                                        <a href=""><i class="fa fa-star-o"></i></a>
                                                        <a href=""><i class="fa fa-star-o"></i></a>
                                                        <a href=""><i class="fa fa-star-o"></i></a>
                                                        <a href=""><i class="fa fa-star-o"></i></a>
                                                        <a href=""><i class="fa fa-star-o"></i></a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-4 col-sm-6">
                                        <div class="product-wrapper mb-40">
                                            <div class="product-img">
                                                <a href=""><img src="" alt="" /></a>
                                                <span class="new-label">New</span>
                                                <div class="product-action">
                                                    <a href=""><i class="pe-7s-cart"></i></a>
                                                    <a href=""><i class="pe-7s-like"></i></a>
                                                    <a href=""><i class="pe-7s-folder"></i></a>
                                                    <a href="" data-toggle="modal" data-target="#productModal"><i class="pe-7s-look"></i></a>
                                                </div>
                                            </div>
                                            <div class="product-content">
                                                <div class="pro-title">
                                                    <h3><a href="">Cras Neque Metus</a></h3>
                                                </div>
                                                <div class="price-reviews">
                                                    <div class="price-box">
                                                        <span class="price product-price">$262.00</span>
                                                        <span class="old-price product-price">$262.00</span>
                                                    </div>
                                                    <div class="pro-rating">
                                                        <a href=""><i class="fa fa-star-o"></i></a>
                                                        <a href=""><i class="fa fa-star-o"></i></a>
                                                        <a href=""><i class="fa fa-star-o"></i></a>
                                                        <a href=""><i class="fa fa-star-o"></i></a>
                                                        <a href=""><i class="fa fa-star-o"></i></a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-4 col-sm-6">
                                        <div class="product-wrapper mb-40">
                                            <div class="product-img">
                                                <a href=""><img src="" alt="" /></a>
                                                <span class="new-label">New</span>
                                                <div class="product-action">
                                                    <a href=""><i class="pe-7s-cart"></i></a>
                                                    <a href=""><i class="pe-7s-like"></i></a>
                                                    <a href=""><i class="pe-7s-folder"></i></a>
                                                    <a href="" data-toggle="modal" data-target="#productModal"><i class="pe-7s-look"></i></a>
                                                </div>
                                            </div>
                                            <div class="product-content">
                                                <div class="pro-title">
                                                    <h3><a href="">Cras Neque Metus</a></h3>
                                                </div>
                                                <div class="price-reviews">
                                                    <div class="price-box">
                                                        <span class="price product-price">$262.00</span>
                                                        <span class="old-price product-price">$262.00</span>
                                                    </div>
                                                    <div class="pro-rating">
                                                        <a href=""><i class="fa fa-star-o"></i></a>
                                                        <a href=""><i class="fa fa-star-o"></i></a>
                                                        <a href=""><i class="fa fa-star-o"></i></a>
                                                        <a href=""><i class="fa fa-star-o"></i></a>
                                                        <a href=""><i class="fa fa-star-o"></i></a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-4 col-sm-6">
                                        <div class="product-wrapper mb-40">
                                            <div class="product-img">
                                                <a href=""><img src="" alt="" /></a>
                                                <span class="new-label">New</span>
                                                <div class="product-action">
                                                    <a href=""><i class="pe-7s-cart"></i></a>
                                                    <a href=""><i class="pe-7s-like"></i></a>
                                                    <a href=""><i class="pe-7s-folder"></i></a>
                                                    <a href="" data-toggle="modal" data-target="#productModal"><i class="pe-7s-look"></i></a>
                                                </div>
                                            </div>
                                            <div class="product-content">
                                                <div class="pro-title">
                                                    <h3><a href="">Cras Neque Metus</a></h3>
                                                </div>
                                                <div class="price-reviews">
                                                    <div class="price-box">
                                                        <span class="price product-price">$262.00</span>
                                                        <span class="old-price product-price">$262.00</span>
                                                    </div>
                                                    <div class="pro-rating">
                                                        <a href=""><i class="fa fa-star-o"></i></a>
                                                        <a href=""><i class="fa fa-star-o"></i></a>
                                                        <a href=""><i class="fa fa-star-o"></i></a>
                                                        <a href=""><i class="fa fa-star-o"></i></a>
                                                        <a href=""><i class="fa fa-star-o"></i></a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-4 col-sm-6">
                                        <div class="product-wrapper mb-40">
                                            <div class="product-img">
                                                <a href=""><img src="" alt="" /></a>
                                                <span class="new-label">New</span>
                                                <div class="product-action">
                                                    <a href=""><i class="pe-7s-cart"></i></a>
                                                    <a href=""><i class="pe-7s-like"></i></a>
                                                    <a href=""><i class="pe-7s-folder"></i></a>
                                                    <a href="" data-toggle="modal" data-target="#productModal"><i class="pe-7s-look"></i></a>
                                                </div>
                                            </div>
                                            <div class="product-content">
                                                <div class="pro-title">
                                                    <h3><a href="">Cras Neque Metus</a></h3>
                                                </div>
                                                <div class="price-reviews">
                                                    <div class="price-box">
                                                        <span class="price product-price">$262.00</span>
                                                        <span class="old-price product-price">$262.00</span>
                                                    </div>
                                                    <div class="pro-rating">
                                                        <a href=""><i class="fa fa-star-o"></i></a>
                                                        <a href=""><i class="fa fa-star-o"></i></a>
                                                        <a href=""><i class="fa fa-star-o"></i></a>
                                                        <a href=""><i class="fa fa-star-o"></i></a>
                                                        <a href=""><i class="fa fa-star-o"></i></a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-4 col-sm-6">
                                        <div class="product-wrapper mb-40">
                                            <div class="product-img">
                                                <a href=""><img src="" alt="" /></a>
                                                <span class="new-label">New</span>
                                                <div class="product-action">
                                                    <a href=""><i class="pe-7s-cart"></i></a>
                                                    <a href=""><i class="pe-7s-like"></i></a>
                                                    <a href=""><i class="pe-7s-folder"></i></a>
                                                    <a href="" data-toggle="modal" data-target="#productModal"><i class="pe-7s-look"></i></a>
                                                </div>
                                            </div>
                                            <div class="product-content">
                                                <div class="pro-title">
                                                    <h3><a href="">Cras Neque Metus</a></h3>
                                                </div>
                                                <div class="price-reviews">
                                                    <div class="price-box">
                                                        <span class="price product-price">$262.00</span>
                                                        <span class="old-price product-price">$262.00</span>
                                                    </div>
                                                    <div class="pro-rating">
                                                        <a href=""><i class="fa fa-star-o"></i></a>
                                                        <a href=""><i class="fa fa-star-o"></i></a>
                                                        <a href=""><i class="fa fa-star-o"></i></a>
                                                        <a href=""><i class="fa fa-star-o"></i></a>
                                                        <a href=""><i class="fa fa-star-o"></i></a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-4 col-sm-6">
                                        <div class="product-wrapper mb-40">
                                            <div class="product-img">
                                                <a href=""><img src="" alt="" /></a>
                                                <span class="new-label">New</span>
                                                <div class="product-action">
                                                    <a href=""><i class="pe-7s-cart"></i></a>
                                                    <a href=""><i class="pe-7s-like"></i></a>
                                                    <a href=""><i class="pe-7s-folder"></i></a>
                                                    <a href="" data-toggle="modal" data-target="#productModal"><i class="pe-7s-look"></i></a>
                                                </div>
                                            </div>
                                            <div class="product-content">
                                                <div class="pro-title">
                                                    <h3><a href="">Cras Neque Metus</a></h3>
                                                </div>
                                                <div class="price-reviews">
                                                    <div class="price-box">
                                                        <span class="price product-price">$262.00</span>
                                                        <span class="old-price product-price">$262.00</span>
                                                    </div>
                                                    <div class="pro-rating">
                                                        <a href=""><i class="fa fa-star-o"></i></a>
                                                        <a href=""><i class="fa fa-star-o"></i></a>
                                                        <a href=""><i class="fa fa-star-o"></i></a>
                                                        <a href=""><i class="fa fa-star-o"></i></a>
                                                        <a href=""><i class="fa fa-star-o"></i></a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-4 col-sm-6">
                                        <div class="product-wrapper mb-40">
                                            <div class="product-img">
                                                <a href=""><img src="" alt="" /></a>
                                                <span class="new-label">New</span>
                                                <div class="product-action">
                                                    <a href=""><i class="pe-7s-cart"></i></a>
                                                    <a href=""><i class="pe-7s-like"></i></a>
                                                    <a href=""><i class="pe-7s-folder"></i></a>
                                                    <a href="" data-toggle="modal" data-target="#productModal"><i class="pe-7s-look"></i></a>
                                                </div>
                                            </div>
                                            <div class="product-content">
                                                <div class="pro-title">
                                                    <h3><a href="">Cras Neque Metus</a></h3>
                                                </div>
                                                <div class="price-reviews">
                                                    <div class="price-box">
                                                        <span class="price product-price">$262.00</span>
                                                        <span class="old-price product-price">$262.00</span>
                                                    </div>
                                                    <div class="pro-rating">
                                                        <a href=""><i class="fa fa-star-o"></i></a>
                                                        <a href=""><i class="fa fa-star-o"></i></a>
                                                        <a href=""><i class="fa fa-star-o"></i></a>
                                                        <a href=""><i class="fa fa-star-o"></i></a>
                                                        <a href=""><i class="fa fa-star-o"></i></a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-4 col-sm-6">
                                        <div class="product-wrapper mb-40">
                                            <div class="product-img">
                                                <a href=""><img src="" alt="" /></a>
                                                <span class="new-label">New</span>
                                                <div class="product-action">
                                                    <a href=""><i class="pe-7s-cart"></i></a>
                                                    <a href=""><i class="pe-7s-like"></i></a>
                                                    <a href=""><i class="pe-7s-folder"></i></a>
                                                    <a href="" data-toggle="modal" data-target="#productModal"><i class="pe-7s-look"></i></a>
                                                </div>
                                            </div>
                                            <div class="product-content">
                                                <div class="pro-title">
                                                    <h3><a href="">Cras Neque Metus</a></h3>
                                                </div>
                                                <div class="price-reviews">
                                                    <div class="price-box">
                                                        <span class="price product-price">$262.00</span>
                                                        <span class="old-price product-price">$262.00</span>
                                                    </div>
                                                    <div class="pro-rating">
                                                        <a href=""><i class="fa fa-star-o"></i></a>
                                                        <a href=""><i class="fa fa-star-o"></i></a>
                                                        <a href=""><i class="fa fa-star-o"></i></a>
                                                        <a href=""><i class="fa fa-star-o"></i></a>
                                                        <a href=""><i class="fa fa-star-o"></i></a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-4 col-sm-6">
                                        <div class="product-wrapper mb-40">
                                            <div class="product-img">
                                                <a href=""><img src="" alt="" /></a>
                                                <span class="new-label">New</span>
                                                <div class="product-action">
                                                    <a href=""><i class="pe-7s-cart"></i></a>
                                                    <a href=""><i class="pe-7s-like"></i></a>
                                                    <a href=""><i class="pe-7s-folder"></i></a>
                                                    <a href="" data-toggle="modal" data-target="#productModal"><i class="pe-7s-look"></i></a>
                                                </div>
                                            </div>
                                            <div class="product-content">
                                                <div class="pro-title">
                                                    <h3><a href="">Cras Neque Metus</a></h3>
                                                </div>
                                                <div class="price-reviews">
                                                    <div class="price-box">
                                                        <span class="price product-price">$262.00</span>
                                                        <span class="old-price product-price">$262.00</span>
                                                    </div>
                                                    <div class="pro-rating">
                                                        <a href=""><i class="fa fa-star-o"></i></a>
                                                        <a href=""><i class="fa fa-star-o"></i></a>
                                                        <a href=""><i class="fa fa-star-o"></i></a>
                                                        <a href=""><i class="fa fa-star-o"></i></a>
                                                        <a href=""><i class="fa fa-star-o"></i></a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-4 col-sm-6">
                                        <div class="product-wrapper mb-40">
                                            <div class="product-img">
                                                <a href=""><img src="" alt="" /></a>
                                                <span class="new-label">New</span>
                                                <div class="product-action">
                                                    <a href=""><i class="pe-7s-cart"></i></a>
                                                    <a href=""><i class="pe-7s-like"></i></a>
                                                    <a href=""><i class="pe-7s-folder"></i></a>
                                                    <a href="" data-toggle="modal" data-target="#productModal"><i class="pe-7s-look"></i></a>
                                                </div>
                                            </div>
                                            <div class="product-content">
                                                <div class="pro-title">
                                                    <h3><a href="">Cras Neque Metus</a></h3>
                                                </div>
                                                <div class="price-reviews">
                                                    <div class="price-box">
                                                        <span class="price product-price">$262.00</span>
                                                        <span class="old-price product-price">$262.00</span>
                                                    </div>
                                                    <div class="pro-rating">
                                                        <a href=""><i class="fa fa-star-o"></i></a>
                                                        <a href=""><i class="fa fa-star-o"></i></a>
                                                        <a href=""><i class="fa fa-star-o"></i></a>
                                                        <a href=""><i class="fa fa-star-o"></i></a>
                                                        <a href=""><i class="fa fa-star-o"></i></a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div role="tabpanel" class="tab-pane" id="profile">
                                <div class="row mb-50">
                                    <div class="col-xs-5 col-sm-5 col-md-4">
                                        <div class="product-wrapper">
                                            <div class="product-img">
                                                <a href=""><img src="" alt="" /></a>
                                                <span class="new-label">New</span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-xs-7 col-sm-7 col-md-8">
                                        <div class="product-content product-list">
                                            <div class="pro-title">
                                                <h3><a href="">Mattis Lobortis </a></h3>
                                            </div>
                                            <div class="price-reviews">
                                                <div class="price-box">
                                                    <span class="price product-price">$500.00</span>
                                                </div>
                                                <div class="pro-rating">
                                                    <a href=""><i class="fa fa-star-o"></i></a>
                                                    <a href=""><i class="fa fa-star-o"></i></a>
                                                    <a href=""><i class="fa fa-star-o"></i></a>
                                                    <a href=""><i class="fa fa-star-o"></i></a>
                                                    <a href=""><i class="fa fa-star-o"></i></a>
                                                </div>
                                            </div>
                                            <p>Faded short sleeves t-shirt with high neckline. Soft and stretchy material for a comfortable fit. Accessorize with a straw hat and you're ready for summer!</p>
                                            <div class="product-action">
                                                <a class="cart" href=""><span>Add to cart</span></a>
                                                <a href=""><i class="pe-7s-like"></i></a>
                                                <a href=""><i class="pe-7s-folder"></i></a>
                                                <a href="" data-toggle="modal" data-target="#productModal"><i class="pe-7s-look"></i></a>
                                            </div>
                                            <div class="color-list">
                                                <a href=""></a>
                                                <a href=""></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row mb-50">
                                    <div class="col-xs-5 col-sm-5 col-md-4">
                                        <div class="product-wrapper">
                                            <div class="product-img">
                                                <a href=""><img src="" alt="" /></a>
                                                <span class="new-label">New</span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-xs-7 col-sm-7 col-md-8">
                                        <div class="product-content product-list">
                                            <div class="pro-title">
                                                <h3><a href="">Cras Neque Metus</a></h3>
                                            </div>
                                            <div class="price-reviews">
                                                <div class="price-box">
                                                    <span class="price product-price">$262.00</span>
                                                    <span class="old-price product-price">$262.00</span>
                                                </div>
                                                <div class="pro-rating">
                                                    <a href=""><i class="fa fa-star-o"></i></a>
                                                    <a href=""><i class="fa fa-star-o"></i></a>
                                                    <a href=""><i class="fa fa-star-o"></i></a>
                                                    <a href=""><i class="fa fa-star-o"></i></a>
                                                    <a href=""><i class="fa fa-star-o"></i></a>
                                                </div>
                                            </div>
                                            <p>Faded short sleeves t-shirt with high neckline. Soft and stretchy material for a comfortable fit. Accessorize with a straw hat and you're ready for summer!</p>
                                            <div class="product-action">
                                                <a class="cart" href=""><span>Add to cart</span></a>
                                                <a href=""><i class="pe-7s-like"></i></a>
                                                <a href=""><i class="pe-7s-folder"></i></a>
                                                <a href="" data-toggle="modal" data-target="#productModal"><i class="pe-7s-look"></i></a>
                                            </div>
                                            <div class="color-list">
                                                <a href=""></a>
                                                <a href=""></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row mb-50">
                                    <div class="col-xs-5 col-sm-5 col-md-4">
                                        <div class="product-wrapper">
                                            <div class="product-img">
                                                <a href=""><img src="" alt="" /></a>
                                                <span class="new-label">New</span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-xs-7 col-sm-7 col-md-8">
                                        <div class="product-content product-list">
                                            <div class="pro-title">
                                                <h3><a href="">Proin Lectus </a></h3>
                                            </div>
                                            <div class="price-reviews">
                                                <div class="price-box">
                                                    <span class="price product-price">$262.00</span>
                                                    <span class="old-price product-price">$262.00</span>
                                                </div>
                                                <div class="pro-rating">
                                                    <a href=""><i class="fa fa-star-o"></i></a>
                                                    <a href=""><i class="fa fa-star-o"></i></a>
                                                    <a href=""><i class="fa fa-star-o"></i></a>
                                                    <a href=""><i class="fa fa-star-o"></i></a>
                                                    <a href=""><i class="fa fa-star-o"></i></a>
                                                </div>
                                            </div>
                                            <p>Faded short sleeves t-shirt with high neckline. Soft and stretchy material for a comfortable fit. Accessorize with a straw hat and you're ready for summer!</p>
                                            <div class="product-action">
                                                <a class="cart" href=""><span>Add to cart</span></a>
                                                <a href=""><i class="pe-7s-like"></i></a>
                                                <a href=""><i class="pe-7s-folder"></i></a>
                                                <a href="" data-toggle="modal" data-target="#productModal"><i class="pe-7s-look"></i></a>
                                            </div>
                                            <div class="color-list">
                                                <a href=""></a>
                                                <a href=""></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row mb-50">
                                    <div class="col-xs-5 col-sm-5 col-md-4">
                                        <div class="product-wrapper">
                                            <div class="product-img">
                                                <a href=""><img src="" alt="" /></a>
                                                <span class="new-label">New</span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-xs-7 col-sm-7 col-md-8">
                                        <div class="product-content product-list">
                                            <div class="pro-title">
                                                <h3><a href="">Convallis Interdum </a></h3>
                                            </div>
                                            <div class="price-reviews">
                                                <div class="price-box">
                                                    <span class="price product-price">$262.00</span>
                                                    <span class="old-price product-price">$262.00</span>
                                                </div>
                                                <div class="pro-rating">
                                                    <a href=""><i class="fa fa-star-o"></i></a>
                                                    <a href=""><i class="fa fa-star-o"></i></a>
                                                    <a href=""><i class="fa fa-star-o"></i></a>
                                                    <a href=""><i class="fa fa-star-o"></i></a>
                                                    <a href=""><i class="fa fa-star-o"></i></a>
                                                </div>
                                            </div>
                                            <p>Faded short sleeves t-shirt with high neckline. Soft and stretchy material for a comfortable fit. Accessorize with a straw hat and you're ready for summer!</p>
                                            <div class="product-action">
                                                <a class="cart" href=""><span>Add to cart</span></a>
                                                <a href=""><i class="pe-7s-like"></i></a>
                                                <a href=""><i class="pe-7s-folder"></i></a>
                                                <a href="" data-toggle="modal" data-target="#productModal"><i class="pe-7s-look"></i></a>
                                            </div>
                                            <div class="color-list">
                                                <a href=""></a>
                                                <a href=""></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="content-sortpagibar">
                                <div class="product-count display-inline">Showing 1 - 12 of 13 items</div>
                                <ul class="shop-pagi display-inline">
                                    <li><a href=""><i class="fa fa-angle-left"></i></a></li>
                                    <li class="active"><a href="">1</a></li>
                                    <li><a href="">2</a></li>
                                    <li><a href="">3</a></li>
                                    <li><a href=""><i class="fa fa-angle-right"></i></a></li>
                                </ul>
                                <div class="selector-field f-right">
                                    <form action="#">
                                        <button class="compare">Compare (1)</button>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- shop-area end -->
<!-- brand-area start -->
<div class="brand-area">
    <div class="container">
        <div class="brand-sep ptb-50">
            <div class="row">
                <div class="brand-active">
                    <div class="col-lg-12">
                        <div class="single-brand">
                            <!--								<a href=""><img src="img/brand/1.jpg" alt="" /></a>-->
                            <a href=""><img src="" alt="" /></a>
                        </div>
                    </div>
                    <div class="col-lg-12">
                        <div class="single-brand">
                            <a href=""><img src="" alt="" /></a>
                        </div>
                    </div>
                    <div class="col-lg-12">
                        <div class="single-brand">
                            <a href=""><img src="" alt="" /></a>
                        </div>
                    </div>
                    <div class="col-lg-12">
                        <div class="single-brand">
                            <a href=""><img src="" alt="" /></a>
                        </div>
                    </div>
                    <div class="col-lg-12">
                        <div class="single-brand">
                            <a href=""><img src="" alt="" /></a>
                        </div>
                    </div>
                    <div class="col-lg-12">
                        <div class="single-brand">
                            <a href=""><img src="" alt="" /></a>
                        </div>
                    </div>
                    <div class="col-lg-12">
                        <div class="single-brand">
                            <a href=""><img src="" alt="" /></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- brand-area end -->
<!-- service-area start -->
<div class="service-area pt-70 pb-40 gray-bg">
    <div class="container">
        <div class="row">
            <div class="col-md-3 col-sm-6">
                <div class="single-service mb-30">
                    <div class="service-icon">
                        <i class="pe-7s-world"></i>
                    </div>
                    <div class="service-title">
                        <h3>FREE SHIPPING</h3>
                        <p>Free shipping on all UK orders</p>
                    </div>
                </div>
            </div>
            <div class="col-md-3 col-sm-6">
                <div class="single-service mb-30">
                    <div class="service-icon">
                        <i class="pe-7s-refresh"></i>
                    </div>
                    <div class="service-title">
                        <h3>FREE EXCHANGE</h3>
                        <p>30 days return on all items</p>
                    </div>
                </div>
            </div>
            <div class="col-md-3 col-sm-6">
                <div class="single-service mb-30 sm-mrg">
                    <div class="service-icon">
                        <i class="pe-7s-headphones"></i>
                    </div>
                    <div class="service-title">
                        <h3>PREMIUM SUPPORT</h3>
                        <p>We support online 24 hours a day</p>
                    </div>
                </div>
            </div>
            <div class="col-md-3 col-sm-6">
                <div class="single-service mb-30 xs-mrg sm-mrg">
                    <div class="service-icon">
                        <i class="pe-7s-gift"></i>
                    </div>
                    <div class="service-title">
                        <h3>BLACK FRIDAY</h3>
                        <p>Shocking discount on every friday</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- service-area end -->


